<template>
  <div>
    <my-header></my-header>
     <div class="box">
       <router-view></router-view> 
    </div>
 
    <my-tab-bar-vue :data='tabList'></my-tab-bar-vue>
     
   
    
  </div>
</template>

<script>
import MyHeader from './components/MyHeader.vue'
import MyTabBarVue from './components/MyTabBar.vue.vue'


export default {
  components: { MyHeader, MyTabBarVue,  },


 

data(){
  return{
    tabList: [
    {
        iconText: "icon-shangpinliebiao",
        text: "商品列表",
        componentName: "MyGoodsList"
    },
    {
        iconText: "icon-sousuo",
        text: "商品搜索",
        componentName: "MyGoodsSearch"
    },
    {
        iconText: "icon-user",
        text: "我的信息",
        componentName: "MyUserInfo"
    }
]
  }
}
}
</script>

<style>
.box{
  margin-top: 50px;
}
</style>